
    <!-- <el-dialog title="人员详情" :visible.sync="dialogVisible">
      <table class="userInfoEditTable" style="border-collapse:collapse;background-color:white;" width="100%" cellspacing="0">
        <tr>
          <td width="20%">姓名:</td>
          <td>
            {{memberInfo.name}}
          </td>
        </tr>
        <tr>
          <td width="20%">曾用名:</td>
          <td>
            {{memberInfo.nameUsed}}
          </td>
        </tr>
        <tr>
          <td width="20%">性别</td>
          <td>
            {{memberInfo.sex}}
          </td>
        </tr>
        <tr>
          <td width="20%">户籍类型</td>
          <td>
            {{memberInfo.servedPersonTypeName}}
          </td>
        </tr>
        <tr>
          <td width="20%">民族:</td>
          <td>
            {{memberInfo.ethnicity}}
          </td>
        </tr>
        <tr>
          <td width="20%">出生日期:</td>
          <td>
            {{memberInfo.birthDate}}
          </td>
        </tr>
        <tr>
          <td width="20%">政治面貌:</td>
          <td>
            {{memberInfo.politics}}
          </td>
        </tr>
        <tr>
          <td width="20%">身份证号:</td>
          <td>
            {{memberInfo.certifID}}
          </td>
        </tr>
        <tr>
          <td width="20%">学历:</td>
          <td>
            {{memberInfo.education}}
          </td>
        </tr>
        <tr>
          <td width="20%">籍贯:</td>
          <td>
            {{memberInfo.nativePlace}}
          </td>
        </tr>
        <tr>
          <td width="20%">婚姻状况:</td>
          <td>
            {{memberInfo.maritalStatus}}
          </td>
        </tr>
        <tr>
          <td width="20%">职业类别:</td>
          <td>
            {{memberInfo.careerType}}
          </td>
        </tr>
        <tr>
          <td width="20%">职业:</td>
          <td>
            {{memberInfo.career}}
          </td>
        </tr>
        <tr>
          <td width="20%">移动电话:</td>
          <td>
            {{memberInfo.mobileTel}}
          </td>
        </tr>
        <tr>
          <td width="20%">固定电话:</td>
          <td>
            {{memberInfo.fixedTel}}
          </td>
        </tr>
        <tr>
          <td width="20%">是否特殊人群:</td>
          <td>
            {{memberInfo.isSpecialPopulation?'是':'否'}}
          </td>
        </tr>
        <tr>
          <td width="20%">服务处所:</td>
          <td>
            {{memberInfo.servedPlace}}
          </td>
        </tr>
        <tr>
          <td width="20%">户籍地:</td>
          <td>
            {{memberInfo.domicileAddress}}
          </td>
        </tr>
        <tr>
          <td width="20%">户籍门(楼)详细地址:</td>
          <td>
            {{memberInfo.domicileAddressDetail}}
          </td>
        </tr>
        <tr>
          <td width="20%">现住地:</td>
          <td>
            {{memberInfo.presentAddress}}
          </td>
        </tr>
        <tr>
          <td width="20%">现住地门(楼)详细地址:</td>
          <td>
            {{memberInfo.presentAddressDetail}}
          </td>
        </tr>
      </table>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisible = false">取 消</el-button>
        <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
      </span>
    </el-dialog> -->
  <!-- </div>
</template>

<script>
import { fetchServedMemberInfo } from '@/api/zonghezhili/duiwujianshe'
export default {
  data() {
    return {
      filters: { // 查询表单
        name: '', // 姓名
        nativePlace: '', // 籍贯
        page: 1, // 页码
        pageSize: 10 // 页号
      },
      memberInfo: {}, // 人员详细情况
      dataList: [{
        foreignerID:1,        // bigint not null auto_increment,
        servedPersonID:1,     // int,
        familyName:'',        // '外文姓',
        firstName:'',         // '外文名',
        chineseName:'',       // '中文姓名',
        sex:1,                // '1=男性；0=女性',
        birthDate:'2017-8-1',            // '出生日期，格式为“YYYYMMDD”',
        nationality:'',          // '国籍(地区)索引号，对应编码表。',
        religiousBelief:'',      // '宗教信仰类型编码，后期需要符合标准编码',
        certificateCode:'',      // '证件代码',
        certificateNumber:'',    // '证件号码',
        certificateDueDate:'',   // '证件有效期，格式为"YYYYMMDD"',
        contact:'',              // '联系方式，手机或固定电话',
        purposeTypeValue:'',     // char(2),
        careerType:'',          // '职业类别编码',
        career:'',               // '职业',
        servedPlace:'',          // '服务处所',
        presentAddress:'',       // '现住地',
        presentAddressDetail, // '现住地门(楼)详细地址',
        arrivalDate,          // date,
        estimatedDepartureDate:'2018-5-4', // '预计离开日期',
        isFocusPerson:true,      // '是否重点关注对象？True=是，False=否',
      }],
      totalInfo: 100,
      dialogVisible: false
    }
  },
  methods: {
    // 翻页
    handleCurrentChange(val) {
      this.filters.page = val
      this.getServedMemberInfo()
    },
    // 获取所有被服务对象的信息
    getServedMemberInfo() {
      //  fetchServedMemberInfo(this.filters).then(res=>{
      //    this.dataInfo = res.data
      //  }).catch(err=>{

      //  })
    },
    // 搜索信息
    searchInfo() {
      this.filters.page = 1
      this.getServedMemberInfo()
    },
    findAll() {
      this.filters = {
        name: null, // 姓名
        nativePlace: '', // 职位
        page: 1, // 页码
        pageSize: 10 // 页号
      }
      this.getServedMemberInfo()
    },
    edit(row) {
      this.$store.commit('SETEDITMEMBERINFO', row)
      this.$router.push({ path: 'ServedPersonEdit', query: { id: row.servedPersonID } })
    },
    checkDetail(row) {
      this.dialogVisible = true
      this.memberInfo = row
    },
    del(row) {
      this.$confirm('此操作将永久删除该记录, 是否继续?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        this.$message({
          type: 'success',
          message: '删除成功!'
        })
      }).catch(() => {
        this.$message({
          type: 'info',
          message: '已取消删除'
        })
      })
    },
    exportData(){

    }
  },
  mounted() {
    this.getServedMemberInfo()
  }
}
</script>

<style scoped>
.userInfoEditTable,
.userInfoEditTable td {
  border: 1px solid darkgrey;
}

td {
  text-align: left;
  padding: 10px;
  /* height: 30px; */
}
</style> -->

<template>
<div>

</div>
</template>
